<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noodp" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <title>《Flutter开发Tip2》 - Lucklyの博客 - 在阅读中遇见自己</title><meta name="Description" content="早起的年轻人做的网站"><meta property="og:title" content="《Flutter开发Tip2》" />
<meta property="og:description" content="
本文主要介绍flutter开发小技巧
" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" />
<meta property="og:image" content="https://luckly.work/logo.png"/>
<meta property="article:published_time" content="2021-07-30T22:43:19+08:00" />
<meta property="article:modified_time" content="2021-07-30T22:43:19+08:00" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://luckly.work/logo.png"/>

<meta name="twitter:title" content="《Flutter开发Tip2》"/>
<meta name="twitter:description" content="
本文主要介绍flutter开发小技巧
"/>
<meta name="application-name" content="LoveIt">
<meta name="apple-mobile-web-app-title" content="LoveIt"><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#da532c"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" /><link rel="prev" href="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip1/" /><link rel="next" href="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip3/" /><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css"><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "《Flutter开发Tip2》",
        "inLanguage": "zh-CN",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/luckly.work\/flutter%E5%BC%80%E5%8F%91tip2\/"
        },"image": [{
                            "@type": "ImageObject",
                            "url": "https:\/\/luckly.work\/images\/Apple-Devices-Preview.png",
                            "width":  3200 ,
                            "height":  2048 
                        }],"genre": "posts","keywords": "flutter","wordcount":  890 ,
        "url": "https:\/\/luckly.work\/flutter%E5%BC%80%E5%8F%91tip2\/","datePublished": "2021-07-30T22:43:19+08:00","dateModified": "2021-07-30T22:43:19+08:00","license": "This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.","publisher": {
            "@type": "Organization",
            "name": "xxxx","logo": {
                    "@type": "ImageObject",
                    "url": "https:\/\/luckly.work\/images\/avatar.png",
                    "width":  528 ,
                    "height":  560 
                }},"author": {
                "@type": "Person",
                "name": "早起的年轻人"
            },"description": ""
    }
    </script></head>
    <body header-desktop="fixed" header-mobile="auto"><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('auto' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : 'auto' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>

        <div id="mask"></div><div class="wrapper"><div class="logo-wrapper">
  <a href="/%20/" class="logo">Lucklyの博客 - 在阅读中遇见自己</a>
</div>

<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
      <a class="menu-item-link" href="/posts/">所有文章</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/flutter/">Flutter</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/read/">读书笔记</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/go/">Go</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/tags/">标签</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/">分类</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/about/">关于</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="https://github.com/ITmxs">Github</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/friend/">友链</a>
    </li>
  </ul>
</nav><main class="main">
                <div class="container"><div class="toc" id="toc-auto">
            <h2 class="toc-title">目录</h2>
            <div class="toc-content" id="toc-content-auto"></div>
        </div><article class="page single"><h1 class="single-title animated flipInX">《Flutter开发Tip2》</h1><div class="post-meta">
            <div class="post-meta-line"><span class="post-author"><a href="/" title="Author" rel=" author" class="author"><i class="fas fa-user-circle fa-fw"></i>早起的年轻人</a></span>&nbsp;<span class="post-category">收录于 <a href="/categories/flutter/"><i class="far fa-folder fa-fw"></i>Flutter</a></span></div>
            <div class="post-meta-line"><i class="far fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="2021-07-30">2021-07-30</time>&nbsp;<i class="fas fa-pencil-alt fa-fw"></i>&nbsp;约 890 字&nbsp;
                <i class="far fa-clock fa-fw"></i>&nbsp;预计阅读 2 分钟&nbsp;</div>
        </div><div class="featured-image"><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        title="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png" /></div><div class="details toc" id="toc-static"  kept="">
                <div class="details-summary toc-title">
                    <span>目录</span>
                    <span><i class="details-icon fas fa-angle-right"></i></span>
                </div>
                <div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents">
  <ul>
    <li>
      <ul>
        <li><a href="#代码静态分析">代码静态分析</a>
          <ul>
            <li><a href="#flutter-analyze">flutter analyze</a></li>
            <li><a href="#dartfmt">dartfmt</a></li>
          </ul>
        </li>
        <li><a href="#push--present--pop">Push &amp; present &amp; Pop</a></li>
        <li><a href="#获取widget的位置和宽高">获取widget的位置和宽高</a></li>
        <li><a href="#model-to-json">Model To JSON</a>
          <ul>
            <li><a href="#json_serializable">json_serializable</a></li>
            <li><a href="#built-value">Built value</a></li>
          </ul>
        </li>
        <li><a href="#参考">参考</a></li>
      </ul>
    </li>
  </ul>
</nav></div>
            </div><div class="content" id="content"><blockquote>
<p>本文主要介绍flutter开发小技巧</p>
</blockquote>
<h2 id="代码静态分析">代码静态分析</h2>
<p>在提交代码时为了提高代码质量，保持团队的代码风格一致，需要进行代码静态分析，一般通过下面2种方法来进行</p>
<h3 id="flutter-analyze">flutter analyze</h3>
<p>使用<code>flutter analyze</code>进行代码静态分析,此命令会根据<code>analysis_options.yaml</code>定义的规则进行静态分析</p>
<h3 id="dartfmt">dartfmt</h3>
<p>使用<code>dartfmt ./ -w</code>对当前目录以及子目录的dart代码进行代码,<code>-w</code>选项会自动重写文件使其符合规范。</p>
<p>使用<code>dartfmt ./ -n</code>显示当前目录以及子目录的dart代码格式可以修改的文件但是不做修改，可以配合ci分析代码格式问题。</p>
<p>更多选项请使用<code>dartfmt --help</code>查看</p>
<h2 id="push--present--pop">Push &amp; present &amp; Pop</h2>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span><span class="lnt">13
</span><span class="lnt">14
</span><span class="lnt">15
</span><span class="lnt">16
</span><span class="lnt">17
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">// Push by route
Navigator.pushNamed(context, &#39;/b&#39;)
  
// push 
Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) =&gt; MyPage()));

// present
Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) =&gt; MyPage(),fullscreenDialog: true));

// pop
Navigator.pop(context)
  
// pop + push
Navigator.of(context)
	..pop()
	..pop()
	..pushNamed(&#39;/settings&#39;);
</code></pre></td></tr></table>
</div>
</div><p>API</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span><span class="lnt">5
</span><span class="lnt">6
</span><span class="lnt">7
</span><span class="lnt">8
</span><span class="lnt">9
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">// push
Future push(BuildContext context, Route route)

// pop
bool pop(BuildContext context, [ result ])
  
// 下面两种是等效的
Navigator.push(BuildContext context, Route route)
Navigator.of(context).push(Route route)
</code></pre></td></tr></table>
</div>
</div><h2 id="获取widget的位置和宽高">获取widget的位置和宽高</h2>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">final RenderBox box = keyContext.findRenderObject();
final size = box.size;
final topLeftPosition = box.localToGlobal(Offset.zero);
</code></pre></td></tr></table>
</div>
</div><p>See more</p>
<ul>
<li><a href="https://stackoverflow.com/questions/49307677/how-to-get-a-height-of-a-widget" target="_blank" rel="noopener noreffer">How to get a height of a Widget?</a></li>
<li><a href="https://medium.com/@diegoveloper/flutter-widget-size-and-position-b0a9ffed9407" target="_blank" rel="noopener noreffer">Flutter : Widget Size and Position</a></li>
</ul>
<h2 id="model-to-json">Model To JSON</h2>
<h3 id="json_serializable">json_serializable</h3>
<ol>
<li>
<p>引入</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span><span class="lnt">5
</span><span class="lnt">6
</span><span class="lnt">7
</span><span class="lnt">8
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">dependencies:
  # Your other regular dependencies here
  json_annotation: ^2.0.0
   
dev_dependencies:
  # Your other dev_dependencies here
  build_runner: ^1.0.0
  json_serializable: ^2.0.0
</code></pre></td></tr></table>
</div>
</div></li>
<li>
<p>使用</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span><span class="lnt">13
</span><span class="lnt">14
</span><span class="lnt">15
</span><span class="lnt">16
</span><span class="lnt">17
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">import &#39;package:json_annotation/json_annotation.dart&#39;;
   
// user.g.dart 将在我们运行生成命令后自动生成
part &#39;user.g.dart&#39;;
   
///这个标注是告诉生成器，这个类是需要生成Model类的
@JsonSerializable()
   
class User{
  User(this.name, this.email);
   
  String name;
  String email;
  //不同的类使用不同的mixin即可
  factory User.fromJson(Map&lt;String, dynamic&gt; json) =&gt; _$UserFromJson(json);
  Map&lt;String, dynamic&gt; toJson() =&gt; _$UserToJson(this);
}
</code></pre></td></tr></table>
</div>
</div></li>
<li>
<p>单次解析：<code>flutter packages pub run build_runner build</code></p>
</li>
<li>
<p>持续集成：<code>flutter packages pub run build_runner watch</code></p>
</li>
<li>
<p><a href="https://caijinglong.github.io/json2dart/index_ch.html" target="_blank" rel="noopener noreffer">json_serializable 在线json转dart model工具</a></p>
</li>
</ol>
<h3 id="built-value">Built value</h3>
<ol>
<li>
<p>在线json转build value 模板工具 <a href="https://charafau.github.io/json2builtvalue/">https://charafau.github.io/json2builtvalue/</a></p>
</li>
<li>
<p><a href="https://marketplace.visualstudio.com/items?itemName=GiancarloCode.built-value-snippets" target="_blank" rel="noopener noreffer">VSCode built value 插件</a></p>
</li>
<li>
<p>Sample code</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="lnt"> 3
</span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="lnt"> 6
</span><span class="lnt"> 7
</span><span class="lnt"> 8
</span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span><span class="lnt">13
</span><span class="lnt">14
</span><span class="lnt">15
</span><span class="lnt">16
</span><span class="lnt">17
</span><span class="lnt">18
</span><span class="lnt">19
</span><span class="lnt">20
</span><span class="lnt">21
</span><span class="lnt">22
</span><span class="lnt">23
</span><span class="lnt">24
</span><span class="lnt">25
</span><span class="lnt">26
</span><span class="lnt">27
</span><span class="lnt">28
</span><span class="lnt">29
</span><span class="lnt">30
</span><span class="lnt">31
</span><span class="lnt">32
</span><span class="lnt">33
</span><span class="lnt">34
</span><span class="lnt">35
</span><span class="lnt">36
</span><span class="lnt">37
</span><span class="lnt">38
</span><span class="lnt">39
</span><span class="lnt">40
</span><span class="lnt">41
</span><span class="lnt">42
</span><span class="lnt">43
</span><span class="lnt">44
</span><span class="lnt">45
</span><span class="lnt">46
</span><span class="lnt">47
</span><span class="lnt">48
</span><span class="lnt">49
</span><span class="lnt">50
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">// interface model
import &#39;package:built_value/built_value.dart&#39;;
   
part &#39;user.g.dart&#39;;
   
abstract class User implements Built&lt;User, UserBuilder&gt; {
  String get name;
  @nullable
  String get nickname;
  User._();
  factory User([updates(UserBuilder b)]) = _$User;
}
   
// init
var user1 = new User((b) =&gt; b
    ..name = &#39;John Smith&#39;
    ..nickname = &#39;Joe&#39;);
   
// update
var user2 = user.rebuild((b) =&gt; b
    ..nickname = &#39;Jojo&#39;);
   
// update
var updatedStructuredData = structuredData.rebuild((b) =&gt; b
    ..user.update((b) =&gt; b
        ..name = &#39;Johnathan Smith&#39;)
    ..credentials.phone.update((b) =&gt; b
        ..country = Country.switzerland
        ..number = &#39;555 01234 555&#39;));
   
   
// nested builders
abstract class Node implements Built&lt;Node, NodeBuilder&gt; {
  @nullable
  String get label;
  @nullable
  Node get left; 
  @nullable
  Node get right;
  Node._();
  factory Node([updates(NodeBuilder b)]) = _$Node;
}
   
// new or update
var node = new Node((b) =&gt; b
  ..left.left.left.right.left.right.label = &#39;I’m a leaf!&#39;
  ..left.left.right.right.label = &#39;I’m also a leaf!&#39;);
var updatedNode = node.rebuild((b) =&gt; b
  ..left.left.right.right.label = &#39;I’m not a leaf any more!&#39;
  ..left.left.right.right.right.label = &#39;I’m the leaf now!&#39;);
</code></pre></td></tr></table>
</div>
</div></li>
</ol>
<h2 id="参考">参考</h2>
<ul>
<li><a href="https://medium.com/dartlang/3-cool-dart-patterns-6d8d9d3d8fb8" target="_blank" rel="noopener noreffer">3 cool Dart patterns</a></li>
<li><a href="https://pub.dev/packages/built_collection" target="_blank" rel="noopener noreffer">built_collection - pub.dev</a></li>
<li><a href="https://medium.com/dartlang/darts-built-collection-for-immutable-collections-db662f705eff" target="_blank" rel="noopener noreffer">Dart’s built_collection for Immutable Collections</a></li>
<li><a href="https://dart.dev/tools/dartfmt" target="_blank" rel="noopener noreffer">dartfmt</a></li>
<li><a href="https://dart.dev/guides/language/analysis-options" target="_blank" rel="noopener noreffer">Customizing static analysis</a></li>
</ul></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>更新于 2021-07-30</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"></div>
            <div class="post-info-share">
                <span><a href="javascript:void(0);" title="分享到 Twitter" data-sharer="twitter" data-url="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" data-title="《Flutter开发Tip2》" data-hashtags="flutter"><i class="fab fa-twitter fa-fw"></i></a><a href="javascript:void(0);" title="分享到 Facebook" data-sharer="facebook" data-url="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" data-hashtag="flutter"><i class="fab fa-facebook-square fa-fw"></i></a><a href="javascript:void(0);" title="分享到 Hacker News" data-sharer="hackernews" data-url="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" data-title="《Flutter开发Tip2》"><i class="fab fa-hacker-news fa-fw"></i></a><a href="javascript:void(0);" title="分享到 Line" data-sharer="line" data-url="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" data-title="《Flutter开发Tip2》"><i data-svg-src="https://cdn.jsdelivr.net/npm/simple-icons@2.14.0/icons/line.svg"></i></a><a href="javascript:void(0);" title="分享到 微博" data-sharer="weibo" data-url="https://luckly.work/flutter%E5%BC%80%E5%8F%91tip2/" data-title="《Flutter开发Tip2》" data-image="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"><i class="fab fa-weibo fa-fw"></i></a></span>
            </div>
        </div>
    </div>

    <div class="post-info-more">
        <section class="post-tags"><i class="fas fa-tags fa-fw"></i>&nbsp;<a href="/tags/flutter/">flutter</a></section>
        <section>
            <span><a href="javascript:void(0);" onclick="window.history.back();">返回</a></span>&nbsp;|&nbsp;<span><a href="/">主页</a></span>
        </section>
    </div>

    <div class="post-nav"><a href="/flutter%E5%BC%80%E5%8F%91tip1/" class="prev" rel="prev" title="《Flutter开发Tip1》"><i class="fas fa-angle-left fa-fw"></i>《Flutter开发Tip1》</a>
            <a href="/flutter%E5%BC%80%E5%8F%91tip3/" class="next" rel="next" title="《Flutter开发Tip3》">《Flutter开发Tip3》<i class="fas fa-angle-right fa-fw"></i></a></div>
</div>
</article></div>
            </main><footer class="footer">
        <div class="footer-container"><div class="footer-line">由 <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.79.1">Hugo</a> 强力驱动 | 主题 - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.10"><i class="far fa-kiss-wink-heart fa-fw"></i> LoveIt</a>
                </div><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2021</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="/" target="_blank">早起的年轻人</a></span>&nbsp;|&nbsp;<span class="license"><a rel="license external nofollow noopener noreffer" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a></span></div>
        </div>
    </footer></div>

        <div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="回到顶部">
                <i class="fas fa-arrow-up fa-fw"></i>
            </a><a href="#" id="view-comments" class="fixed-button" title="查看评论">
                <i class="fas fa-comment fa-fw"></i>
            </a>
        </div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/smooth-scroll@16.1.3/dist/smooth-scroll.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/autocomplete.js@0.37.1/dist/autocomplete.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/algoliasearch@4.2.0/dist/algoliasearch-lite.umd.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.2/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sharer.js@0.4.0/sharer.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"复制到剪贴板","maxShownLines":10},"comment":{},"cookieconsent":{"content":{"dismiss":"同意","link":"了解更多","message":"本网站使用 Cookies 来改善您的浏览体验."},"enable":true,"palette":{"button":{"background":"#f0f0f0"},"popup":{"background":"#1aa3ff"}},"theme":"edgeless"},"search":{"algoliaAppID":"PASDMWALPK","algoliaIndex":"index.zh-cn","algoliaSearchKey":"b42948e51daaa93df92381c8e2ac0f93","highlightTag":"em","maxResultLength":10,"noResultsFound":"没有找到结果","snippetLength":50,"type":"algolia"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
